<template>
  <div>
    <my-title>我的购物车
      <template v-slot:login>登录 |</template>
      <template v-slot:reg>注册</template>
    </my-title>
    <div class="content">
      <p>您的购物车还是空的！</p>
      <p class="message">登陆后将显示您之前加入的商品</p>
      <router-link to="/login"><el-button type="primary">立即登录</el-button></router-link>
      <router-link to="/"><el-button type="info">马上去购物</el-button></router-link>
    </div>
  </div>
</template>

  <script>
import MyTitle from "../components/MyTitle";
export default {
  components: {
    MyTitle,
  },
  computed: {},
};
</script>

<style scoped>
.content{
  font-size: 40px;
  font-weight: bold;
  color: #999;
  margin: 300px auto;
  width: 400px;
}
.message{
  font-size: 20px;
  font-weight: lighter;
}
</style>
